.font-color:hover{
    color: #F30;
}
.top{
    width: 100%;
    height: 100px;
}
.logo{
    width: 100px;
    line-height: 100px;
    float: left;
    position: relative;
}
.logo img{
    position: absolute;
    left: 0;
    top: 34px;
}
.logo span{
    width: 60px;
    color: rgb(112, 112, 112);
    font-family:"Open Sans";
    font-size: 14px;
    margin-left: 35px;
    transition: all .4s ease;
}
.menu{
    width: 420px;
    float: left;
    line-height: 100px;
    margin-left:75px;
}
.menu li{
    float: left;
    margin-left: 40px;
    color: rgb(112, 112, 112);
    font-family:"Open Sans";
    font-size: 14px;
    transition: all .4s ease;
}
.mine{
    width: 260px;
    float: left;
    line-height: 100px;
    margin-left: 135px;
    position: relative;
}
.mine-input{
    float: left;
    margin-top: 40px;
    border: 0;
    border-right: 1px solid rgba(0, 0, 0,.1);
    border-bottom: 1px solid rgba(0, 0, 0,.1);
    background: transparent;
    width: 150px;
}
.mine>img{
    position: absolute;
    left: 130px;;
    top: 41px;
}
.mine span{
    position: absolute;
    left: 162px;;
    top: 7px;
}
.mine div{
    float: left;
    margin-left: 20px;
    color: rgb(112, 112, 112);
    font-family:"Open Sans";
    font-size: 14px;
    transition: all .4s ease;
}
.mine .mine-d1{
    margin-left: 32px;
}
.cl1{
    color: #707070;
    font-family: "OpenSans";
    margin-top: 5px;
}
.cl2 span{
    color:  #a8a8a8;
    font-family: "OpenSans";
}
.cl3{
    margin-right: 20px;
}
.cl2{
    margin-top: 3px;
}
.cl5{ 
    margin-top: 5px;
}
.cl5 img{
    width: 300px;
}